<template>
	<div class="apart-panel">
		<div class="panel-header">
			<div class="left">活动成员: <span>{{item.members.length}}/{{item.teamMemberMaxCount}}</span></div>
			<div class="right" v-link="{name:'apply',params: {postId: item.id}}">{{item.memberApplys.length}}人申请加入</div>
		</div>
    <ul class="panel-body">  
         <li class="item" v-for='member in item.members'>
          <img class="avatar" :src="member.memberAvatarUrl | avatar " alt="avatar">
          <div class="info">
             <h4 class="name">{{member.memberRemarkName | nickname}}</h4>
              <p class="desc">{{member.memberRemarkInfo | info}}</p>
          </div>
        </li>   
    </ul>
  <div>
    	<!-- <div class="apart-panel" v-if="usertype === 'author'">
		<div class="panel-header">
			<div class="left">活动成员: <span>{{item.members.length}}/{{item.teamMemberMaxCount}}</span></div>
			<div class="right" >{{item.memberApplys.length}}人申请加入</div>
		</div>
        <ul class="panel-body">
            <li class="item" v-for='member in item.members'>
              <img class="avatar" :src="member.memberAvatarUrl | avatar " alt="avatar">
              <div class="info">
                 <h4 class="name">{{member.memberRemarkName | nickname}}</h4>
                  <p class="desc">{{member.memberRemarkInfo | info}}</p>
              </div>
               <div class="status">
                <span class='status-done'>已确认</span>
                <span class="status-undo">等待确认</span>
              </div>
            </li>     
        </ul>
    </div>

    </div> -->
</template>
<script>
	export default {
		name:'ApartPanel',
		props:{
			item: Object
		},
    methods:{

    }
	}



</script>